﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
    <title>添加设备信息</title>
    <style>
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1 ml, .col-md-1 ml0, .col-md-1 ml1, .col-md-1 ml2, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 
        { 
            position: relative;
            text-align: center;
            min-height: 1px;
            padding: 0px;
        }
    .row{
        margin: 0px;
    }
    .container{
        min-width: 90rem;
        margin: 0 auto;
    }
    /* 标签样式 */
    .ml{
        border: 1px solid #e6e6e6;
        height: 2.25rem;
        line-height: 2.25rem;
        padding: 0px;
    }
    /* 标签样式两个行高 */
    .ml2{
        border: 1px solid #e6e6e6;
        height: 4.5rem;
        line-height: 2.25rem;
        padding: 0px;
    }
    .title{
        border: 1px solid #e6e6e6;
        height: 2.25rem;
        line-height: 2.25rem;
        padding: 0px;
        text-align: center;
    }
    /**九倍行高*/
    .h9{
        height: 20.25rem; 
        line-height: 20.25rem; 
        border: 1px solid #e6e6e6;
        padding: 0px;
        text-align: center;
    }
    .h1{
        display: flex;
        align-items: center;
        justify-content:center;
        height: 2.25rem; 
        border: 1px solid #e6e6e6;
        padding: 0px;
        text-align: center;
    }
    .h2{
        display: flex;
        align-items: center;
        justify-content:center;
        height: 4.5rem; 
        border: 1px solid #e6e6e6;
        padding: 0px;
        text-align: center;
    }
    .h3{
        display: flex;
        align-items: center;
        justify-content:center;
        height: 6.75rem; 
        border: 1px solid #e6e6e6;
        padding: 0px;
        text-align: center;
    }
    .margin0{
        margin: 0px;
    }
    .padding0{
        padding: 0px;
    }
    .font12{
        font-size: .75rem;
    }
    </style>
</head>
<body>
    <div class="container">
        <!-- 第一行 -->
        <div class="row">
            <div class="col-md-1 ml">产品编号</div>
            <input id="r11" type="text" class="col-md-1 ml" value="">
            <div class="col-md-1 ml">平台注册码</div>
            <input id="r12" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">测点编码</div>
            <input id="r13" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">平台版本</div>
            <input id="r14" type="text" class="col-md-1 ml">
        </div>
        <!-- 第二行 -->
        <div class="row">
            <div class="col-md-1 ml">公里标</div>
            <input id="r221" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">是否三级联网</div>
            <input id="r22" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">设备安装人员</div>
            <input id="r23" type="text" class="col-md-1 ml">
            <div class="col-md-2 ml"></div>
        </div>
        <!-- 第3行 -->
        <div class="row">
            <div class="col-md-1 ml">安装地点</div>
            <input id="r31" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">安装日期</div>
            <input id="r32" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">保修截止日期</div>
            <input id="r33" type="text" class="col-md-1 ml">
            <div class="col-md-1 ml">设备安装人员</div>
            <input id="r34" type="text" class="col-md-1 ml">
        </div>
        <!-- 第4行 -->
        <div class="row">
            <div class="col-md-1 ml2">服务器系统版本</div>
            <input id="r41" type="text" class="col-md-1 ml2">
            <div class="col-md-1 ml2">数据库版本</div>
            <input id="r42"type="text" class="col-md-1 ml2">
            <div class="col-md-1 ml2">图像采集计算机系统版本</div>
            <input id="r43"type="text" class="col-md-1 ml2">
            <div class="col-md-1 ml2">图像采集软件版本</div>
            <input id="r44" type="text" class="col-md-1 ml2">
        </div>
        <!-- 第5行 -->
        <div class="row">
            <div class="col-md-2 ml2">车辆信息采集工控机系统版本</div>
            <input id="r51" type="text" class="col-md-1 ml2">
            <div class="col-md-2 ml2">车辆采集软件版本（前置信息处理机填写DSP）</div>
            <input id="r52" type="text" class="col-md-1 ml2">
            <div class="col-md-1 ml2">记录人</div>
            <input id="r53" type="text" class="col-md-1 ml2">
        </div>
        <!-- 轨边设备 -->
        <div class="row">
                <div class="title col-md-8">轨边设备</div>
        </div>
        <div class="row">
                <div class="col-md-1 h9">相机</div>
                <div class="col-md-7 ">
                    <!-- 第七行 -->
                        <div class="row">
                                <div class="col-md-2 margin0 ml">数量</div>
                                <input type="text" class="col-md-10 ml">
                        </div>
                        <div class="row">
                                <div class="col-md-2 margin0 ml2">相机号</div>
                                <div class="col-md-1 ml2">1#(L1)</div>
                                <div class="col-md-1 ml2">2#(L)</div>
                                <div class="col-md-1 ml2">3#(L)</div>
                                <div class="col-md-1 ml2">4#(L)</div>
                                <div class="col-md-1 ml2">5#(L)</div>
                                <div class="col-md-1 ml2">6#(L)</div>
                                <div class="col-md-1 ml2">7#(L)</div>
                                <div class="col-md-1 ml2">8#(L)</div>
                                <div class="col-md-1 ml2">9#(L)</div>
                                <div class="col-md-1 ml2">10#(L)</div>
                        </div>
                         <!-- 第9行 -->
                        <div class="row">
                                <div class="col-md-2 h2 margin0 padding0  font12">型号（1K、DALSA2K、BASLE2K、面阵)</div>
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                        </div>
                         <!-- 第10行 -->
                        <div class="row">
                                <div class="col-md-2 ml margin0 padding0  font12">镜头型号</div>
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                        </div>
                         <!-- 第11行 -->
                        <div class="row">
                                <div class="col-md-2 h1 margin0 padding0  font12">棱镜型号</div>
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                                <input type="text" class="col-md-1 ml">
                        </div>
                         <!-- 第12行 -->
                        <div class="row">
                                <div class="col-md-2 margin0 padding0 h2 font12">3D相机型号（银、蓝）</div>
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                                <input type="text" class="col-md-1 ml2">
                        </div>
                </div>
        </div>
       <div class="row">
            <button id="subbtn" class="btn btn-primary col-md-8">提交</button>
       </div>
    </div>
    <script>
        $(function () {
            $("#subbtn").on("click",function () {
                let data = new FormData();
                // for(var i=0;i<document.getElementById('uploadingfile').files.length;i++){
                //     data.append("file",document.getElementById('uploadingfile').files[i]);
                // }
                data.append("r11",$("#r11").val());
                data.append("r12",$("#r12").val());
                data.append("r13",$("#r13").val());
                data.append("r14",$("#r14").val());
                data.append("r21",$("#r21").val());
                data.append("r22",$("#r22").val());
                data.append("r23",$("#r23").val());
                data.append("r24",$("#r24").val());
                data.append("r31",$("#r31").val());
                data.append("r32",$("#r32").val());
                data.append("r33",$("#r33").val());
                data.append("r34",$("#r34").val());
                // data.append("file",document.getElementById('uploadingfile').files[0]);
                // data.append("info","附带信息");
                $.ajax({
                    url : "/addfacility",
                    type : "POST",
                    processData: false,
                    contentType: false,
                    data : data,
                    success : function(data){
                        console.log(data);
                    }
                });
            });
        })
    </script>
</body>
</html>